<form action="/rainbow/label/save" method="POST">
    {{ form }}
</form>

<style type="text/css">
    div#rainbow_photo_frame_label {
        width:220px;
        height:200px;
        padding:10px;
        background:grey;
    }
    div.rainbowPhotoFrameLabelSize {
    }
    div#rainbow_photo_frame_label_input {
        line-height:24px;
    }
    div#rainbow_photo_frame_label_input label {
        padding:0 10px;
        position:absolute;
    }
    div#rainbow_photo_frame_label_input input[name="{{ form.label.name }}"] {
        width:220px;
        outline:none;
        border:0 solid white;
        height:24px;
        font-size:16px;
        line-height:24px;
        color:gray;
    }
</style>
<div id="rainbow_photo_frame_label">
    <div></div>
    <div id="rainbow_photo_frame_label_input">
        <label for="{{ form.label.auto_id }}">{{ form.label.label }}</label>
        {{ form.label }}
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        $("div#rainbow_photo_frame_label_input input[name='{{ form.label.name }}']").focusin(function(){
            alert("focus");
        });
    });
</script>